<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			.border{
				width: 500px;
				height: 300px;
				border-top-color: red;
				border-top-style: dashed;
				border-top-width: 10px;
				/*
				 边框复合属性，边框粗细、边框颜色、边框的形状
				 * */
				border:10px red solid;
				border-bottom:none;		/*隐藏某条边的边框*/
				border-radius:10px;
				border-radius:50%;
				/*border-radius: 20px/30px;*/
			}
			.border:hover{
				box-shadow: 5px 5px 10px 5px #999999 inset;
			}
			
			
		</style>
		<div class="border">
			
		</div>
	</body>
</html>
